<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>InsteadShopping</title>
    <link rel="stylesheet" href="./css/base.css">
    <!-- iconfont -->
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_2794325_ua8mnhjoiv.css">
    <link rel="stylesheet" href="./css/InsteadShopping.css">
</head>

<body>
    <header class="clearfix">
        <i class="fl iconfont icon-ditu-dibiao"></i>
        <ul class="fl headerList clearfix">
            <li class="listBorder">取送件</li>
            <li>帮我买</li>
            <li>网红店</li>
        </ul>
    </header>
    <main>
        <ul class="mainlist">
            <li class="mainbox" id="mainboxOne">

                <div id="container"></div>
                <div class="mainboxOnebox">
                    <ul class="mainboxOneboxList clearfix">
                        <li id="bwsong" class="mainboxOneboxListTo" onclick="hopeqsong()">帮我送</li>
                        <li id="bwqu" onclick="hopequ()">帮我取</li>
                        <li>代取快递 </li>
                        <li><sup>HOT</sup></li>
                    </ul>
                    <div class="hot qu">
                        <b>取</b>
                        <input type="text" placeholder="发件人信息">
                        <span> &gt;</span>
                    </div>
                    <div class="hot shou">
                        <b>收</b>
                        <input type="text" placeholder="您要送到哪里">
                        <span> &gt;</span>
                    </div>
                </div>
            </li>
            <li>帮我买111</li>
            <li>网红店222</li>
        </ul>
    </main>
    <footer>
        <ul>
            <li><i class="iconfont icon-yemian1"></i>首页</li>
            <li><i class="iconfont icon-dd"></i>订单</li>
            <li><i class="iconfont icon-wodedangxuan"></i>我的</li>
        </ul>

    </footer>
</body>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=Oz8lGamXX4usevLSEGPxoI8zPb1UvweH"></script>
<script src="./js/base.js"></script>
<script src="./js/InsteadShopping.js"></script>
</html>